@font-face {
  font-family: 'DynaPuff';
  src: url('/DynaPuff-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  margin: 0;
}

.horizontal-form-container {
  padding: 0px;
}

/* 关键样式：使表单项目横向排列 */
.horizontal-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px; /* 项目之间的间距 */
}

/* 调整表单项的样式 */
.horizontal-form .el-form-item {
  margin-bottom: 0px;
  flex: 1;
}

/* 提交按钮区域单独处理 */
.horizontal-form .el-form-item:last-child {
  width: 100%;
  margin-top: 10px;
  padding-left: 100px; /* 与label宽度保持一致，使按钮对齐 */
}

.el-page-header {
  margin-bottom: 20px;
}
:not(:root):fullscreen {
  .sentence-selector {
    animation: disappear 1s ease-in-out forwards;
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.mosaic-text {
  font-weight: normal;
  color: transparent !important;
  text-shadow: 0 0 2px #ff6b35, 2px 0 1px #ff6b35, 0 1px 2px #ff6b35, 1px 4px 1px #ff6b35, 2px 0 4px #ff6b35,
    1px 1px 4px #ff6b35, 0 2px 4px #ff6b35, 4px 2px 2px #ff6b35, 2px 8px 4px #ff6b35;
  letter-spacing: -2px;
  .el-select__placeholder {
    color: transparent !important;
  }
}

:root {
  --waveform-width: 200px;
  --waveform-duration: 2s;
}

@keyframes waveform-animation {
  0% {
    background-position-x: var(--waveform-width);
  }
  100% {
    background-position-x: 100%;
  }
}
